<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>小满精品商城</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="width=1100,initial-scale=1,maximum-scale=1,user-scalable=yes">
	
	<link rel="Shortcut Icon" href="../static/favicon.ico">
	<!-- Standard iPad -->  
	<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="../static/touch-icon-ipad-144.png" />  
	<!-- Retina iPad -->  
	<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="../static/touch-icon-ipad-144.png" /> 
	<link rel="stylesheet" href="../static/css/main.css">
	<link rel="stylesheet" href="../static/css/index.css">
	<!--[if lt IE 9]>
	<script src="../static/js/html5.js"></script>
	<![endif]-->
</head> 
<body>
	<header class="header"> 
		<!-- topbar -->
		<div class="topbar">
			<div class="layout">
				<div class="bar_left">
					<ul>
						<li><span style="color: #fff;">畅想品质生活</span></li>
						<li style="margin-left: 40px;"><span>客服电话：400-996-4866</span></li>
						<li class="WeChat">
							<i></i>
							<div>
								<span><em></em></span>
								<img src="../static/images/WeChat.jpg">
								<p>扫一扫加微信</p>
							</div>
						</li>
						<li class="weibo">
							<a href=""><i></i></a>		
							<!-- <div>
								<span><em></em></span>
								<img src="../static/images/weibo.png">
								<p>扫一扫加微博</p>
							</div> -->
						</li>
					</ul>
				</div>
				<div class="bar_right"  style="display: none;>
					<a href="">登录</a>&nbsp;&nbsp;
					<a href="">注册&nbsp;&nbsp;|&nbsp;</a>
					<a href="">我的订单</a>&nbsp;&nbsp;|
					<a href="">下载APP</a>
				</div>
				<!-- 登陆后显示 -->
				<div class="bar_right">
					<span>欢迎您</span><a href="">boss，</a> 
					<a href="javascript:;">退出</a>&nbsp;&nbsp;|
					<a href="">我的订单</a>&nbsp;&nbsp;|
					<a href="">下载APP</a>
 
				</div>
			</div>
		</div>
		<!-- topbar-end -->
		<!-- logo -->
		<div class="logo">
			<div class="layout">
				<div class="logo_left">
					<!-- logo size 200px*70px -->
					<a href="" class="logoimg">
						<img src="../static/images/login_log.png" alt="">
					</a>
				</div>
				<div class="logo_right">
					<div class="search" >
						<input type="text" placeholder="黑龙江顶级黑木耳">
						<a href="" class=""></a>
					</div>
					<div class="shopping-cart">
						<a href="">
							<span class="badge">12</span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- logo end-->
		<!-- nav -->
		<nav class="nav">
			<div class="layout">
				<ul class="">
					<li><a href="" class="active">首页</a></li>
					<li><a href="">进口食品</a></li>
					<li><a href="">小家电</a></li>
					<li><a href="">养生精品</a></li>
					<li><a href="">精品农业</a></li>
					<li><a href="">茶叶</a></li>
					<li><a href="">户外运动</a></li>
					<li><a href="">厨房电器</a></li>
					<li><a href="">锅具</a></li>
					<li><a href="">生活电器</a></li>
				</ul>
			</div>
		</nav>
		<!-- nav-end -->
		<!-- banner -->
		<div class="banner" id="banner">
			<ul><!-- banner img size 100%*410px -->
				<li><a href=""><img src="../temp/banner1.jpg" alt=""></a></li>
				<li><a href=""><img src="../temp/banner2.jpg" alt="" ></a></li>
				<li><a href=""><img src="../temp/banner3.jpg" alt="" ></a></li>
				<li><a href=""><img src="../temp/banner4.jpg" alt="" ></a></li>
			</ul>
			<!-- <div class="layout">
			            	<a href="javascript:;" class="prev"></a>
			           		<a href="javascript:;" class="next"></a>  
			</div> -->
		</div>
		<!-- banner-end -->
		<!-- announcement -->
		<div class="announcement">
			<div class="layout">
				<div class="fn-fl announcement_box">
						<div class="fn-fl"><i></i>小满公告 :</div>
						<ul class="fn-fl announcement-slideup">
							<li><a href="">节假日正常发货</a></li>
							<li><a href="">节假日正常上班</a></li>
							<li><a href="">节假日正常发钱</a></li>
							<li><a href="">节假日正常发财</a></li>
						</ul>
				</div>
				<div class="fn-fr">
					<!-- 未登录状态不显示积分 -->
					您有积分:<span>3500</span>
				</div>
			</div>
		</div>
		<!-- announcement end -->
	</header>
	<!-- 头部结束 -->
	<!-- 内容 -->
	<div class="content mt40">
		<div class="qualitylife item" id="item_1">
			<div class="layout">
				<h3 class="list-hd">
					品质生活
				</h3>
				<ul class="list_bd clearfix">
					<!-- 宽图时，添加CLASS exception-->
					<li class="first">
						<a href="">
						<!-- 图片size250*496 -->
							<img src="../temp/temp_1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="" data-points="200" data-price="300">
							<!-- 如果是新品添加I标签newproduct -->
							<i class="newproduct"></i>
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li>
						<a href="" data-points="230" data-price="300">
							<!-- 图片size250*250 -->
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="250" data-price="300">
							<i class="newproduct"></i>
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="770" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li class="exception">
						<a href="" data-points="870" data-price="300">
							<img src="../temp/temp_4.jpg"" alt="">
							<span class="list_tit">蓝色骨头·崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="whitening item mt20" id="item_2">
			<div class="layout">
				<h3 class="list-hd">
					防晒美白
				</h3>
				<ul class="list_bd clearfix">
					<li class="first">
						<a href="">
						<!-- 图片size250*496 -->
							<img src="../temp/temp_5.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a></li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a></li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a></li>
					<li class="exception"><a href="" data-points="870" data-price="300">
							<img src="../temp/temp_4.jpg"" alt="">
							<span class="list_tit">蓝色骨头·崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a></li>
					<li class="exception"><a href="" data-points="870" data-price="300">
							<img src="../temp/temp_4.jpg"" alt="">
							<span class="list_tit">蓝色骨头·崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a></li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a></li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a></li>
				</ul>
			</div>
		</div>
		<div class="geek item mt20" id="item_3">
			<div class="layout">
				<h3 class="list-hd">
					极客专区
				</h3>
				<ul class="list_bd clearfix">
					<!-- 宽图时，添加CLASS exception-->
					<li class="first">
						<a href="">
						<!-- 图片size250*496 -->
							<img src="../temp/temp_6.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="" data-points="200" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li>
						<a href="" data-points="230" data-price="300">
							<!-- 图片size250*250 -->
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="770" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li class="exception">
						<a href="" data-points="870" data-price="300">
							<img src="../temp/temp_4.jpg"" alt="">
							<span class="list_tit">蓝色骨头·崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li><a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="haze item mt20" id="item_4">
			<div class="layout">
				<h3 class="list-hd">
					雾霾专区
				</h3>
				<ul class="list_bd clearfix">
					<!-- 宽图时，添加CLASS exception-->
					<li class="first">
						<a href="">
						<!-- 图片size250*496 -->
							<img src="../temp/temp_7.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="" data-points="200" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li>
						<a href="" data-points="200" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li>
						<a href="" data-points="200" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li>
						<a href="" data-points="230" data-price="300">
							<!-- 图片size250*250 -->
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="770" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li class="exception">
						<a href="" data-points="870" data-price="300">
							<img src="../temp/temp_4.jpg"" alt="">
							<span class="list_tit">蓝色骨头·崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li class="exception">
						<a href="" data-points="870" data-price="300">
							<img src="../temp/temp_4.jpg"" alt="">
							<span class="list_tit">蓝色骨头·崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="earphone item mt20" id="item_5">
			<div class="layout">
				<h3 class="list-hd">
					耳机音响
				</h3>
				<ul class="list_bd clearfix">
					<!-- 宽图时，添加CLASS exception-->
					<li class="first">
						<a href="">
						<!-- 图片size250*496 -->
							<img src="../temp/temp_8.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="" data-points="200" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li class="exception">
						<a href="" data-points="870" data-price="300">
							<img src="../temp/temp_4.jpg"" alt="">
							<span class="list_tit">蓝色骨头·崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="200" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li>
						<a href="" data-points="200" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
						</a>
					</li>
					<li>
						<a href="" data-points="230" data-price="300">
							<!-- 图片size250*250 -->
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li class="exception">
						<a href="" data-points="870" data-price="300">
							<img src="../temp/temp_4.jpg"" alt="">
							<span class="list_tit">蓝色骨头·崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="250" data-price="300">
							<img src="../temp/temp_3.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
					<li>
						<a href="" data-points="770" data-price="300">
							<img src="../temp/temp_2.jpg"" alt="">
							<span class="list_tit">崔健演唱会纪念版棒球帽</span>
							<span class="list_description">拥有一顶摇滚力量的帽子</span>
							
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 内容结束 -->
	<!-- 页脚 -->
	<div class="footer mt40">
		<div class="layout footer_link clearfix">
			<ul class="footer_col_1">
				<li>兑换指南</li>
				<li><a href="">兑换流程</a></li>
				<li><a href="">常见问题</a></li>
				<li><a href="">配送服务查询</a></li>
				<li><a href="">配送费标准</a></li>
			</ul>
			<ul class="footer_col_2">
				<li>小满金服</li>
				<li><a href="">关于我们</a></li>
				<li><a href="">公司简介</a></li>
			</ul>
			<ul class="footer_col_3">
				<li>联系我们</li>
				<li>市场合作 <br/><a href="mailto:Marketing@xiaomanjf.com">Marketing@xiaomanjf.com</a></li>
				<li>招商合作<br/><a href="mailto:zhaoshang@xiaomanjf.com">zhaoshang@xiaomanjf.com</a></li>
			</ul>
			<ul class="footer_col_4">
				<li>客服热线</li>
				<li>400-844-5558 (9:00-18:00)</li>
			</ul>
			<ul class="footer_col_5">
				<li>
					<img src="../static/images/WeChat.jpg" alt="">
					<p>扫码关注小满金服服务号</p>
				</li>
			</ul>
		</div>	
		<div class="layout footer_bar">
			<p>Copyright &copy; 2016-2017小满金服(大连)有限公司  All Rights Reserved 辽ICP备16004265号-2</p>
			<p>地址：辽宁省大连市中山区延安路保嘉大厦15楼1516室    电话：400-844-5558</p>
		</div> 
	</div>
<script src="../static/js/jquery.min.js"></script>	
<script src="../static/js/common.js"></script>
<script src="../static/js/index.js"></script>
</body>	
</body>
</html>